<template>
	<view class="container">
		<view class="header">
			<text class="title">工具与服务</text>
		</view>
		<view>
			<u-grid :col="4" :border="false">
				<u-grid-item @click="MyPrescription">
					<u-icon name="/static/image/medical.png" :size="50"></u-icon>
					<view class="grid-text">我的处方</view>
				</u-grid-item>
				<u-grid-item @click="MyComments">
					<u-icon name="/static/image/comments.png" :size="50"></u-icon>
					<view class="grid-text">我的评论</view>
				</u-grid-item>
				<u-grid-item @click="PreMedication">
					<u-icon name="/static/image/doctor.png" :size="50"></u-icon>
					<view class="grid-text">我的医生</view>
				</u-grid-item>
				<u-grid-item @click="goToAddress">
					<u-icon name="/static/image/address.png" :size="50"></u-icon>
					<view class="grid-text">地址管理</view>
				</u-grid-item>
			</u-grid>
			<u-grid :col="4" :border="false">
				<u-grid-item>
					<u-icon name="/static/image/medOrder.png" :size="50"></u-icon>
					<view class="grid-text">药品订单</view>
				</u-grid-item>
				<u-grid-item @click="goToConCern">
					<u-icon name="/static/image/question.png" :size="50"></u-icon>
					<view class="grid-text">我的关注</view>
				</u-grid-item>
				<u-grid-item @click="PreMedication">
					<u-icon name="/static/image/service.png" :size="50"></u-icon>
					<view class="grid-text">在线客服</view>
				</u-grid-item>
				<u-grid-item @click="goToCollection">
					<u-icon name="/static/image/feedback.png" :size="50"></u-icon>
					<view class="grid-text">我的收藏</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			MyComments() {
				uni.navigateTo({
					url: '/pages/mine/comments'
				})
			},
			MyPrescription() {
				uni.navigateTo({
					url: '/pages/mine/myPrescription'
				})
			},
			goToAddress() {
				uni.navigateTo({
					url: '/pages/mine/addresslist'
				})
			},
			goToCollection() {
				uni.navigateTo({
					url: '/pages/mine/collectionlist'
				})
			},
			goToConCern() {
				uni.navigateTo({
					url: '/pages/mine/concernlist'
				})
			}

		}
	}
</script>

<style>
	.container {
		box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.09);
		background-color: #ffffff;
	}

	.header {
		text-align: center;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
	}

	.grid-text {
		font-size: 23rpx;
		color: $u-type-info;
		text-align: center;
	}

	u-grid-item {
		border: none !important;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
</style>